<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="template/main.xhtml">

	


	<ui:define name="title">
	    سفارة المملكة الأردنية الهاشمية في الكويت - تتبع المعاملات
	</ui:define>

	<ui:define name="content">
		<div class="content">
			<div class="article-container">
				<h3>تتبع المعاملات</h3>

				<div class="article-separator"></div>

				<div class="clear-floating"></div>

				<h:form>

					<p:messages id="msgs"></p:messages>

					<div class="form_settings">
						<p>
							<span>الإســـــــــم الأول</span>
							<p:inputText value="#{queryRequestsBean.firstName}"></p:inputText>
						</p>
						<p>
							<span>الإســـــــــم الأخير</span>
							<p:inputText value="#{queryRequestsBean.lastName}"></p:inputText>
						</p>
						<p>
							<span>رقـــم الموبايل</span>
							<p:inputText value="#{queryRequestsBean.mobileNumber}"></p:inputText>
						</p>
					</div>

					<p:commandButton id="cb1" 
						action="#{queryRequestsBean.filterCustomerRequests}" value="بحث"
						ajax="false" />

					<div style="height: 20px;" />

					<p:dataTable value="#{queryRequestsBean.customerRequests}"
						var="req" scrollable="true" scrollHeight="150" rowStyleClass="#{req.oldRecord ? 'old-record' : '' }"
						styleClass="data-table">

						<p:column headerText="الحالة" width="20%">
							<p:outputLabel value="#{req.getStatusDescription(req.status)}"   />
						</p:column>

						<p:column headerText="نوع المعاملة" width="20%">
							<p:outputLabel
								value="#{req.getServiceTypeDescription(req.serviceType)}" />
						</p:column>

						<p:column headerText="تاريخ الإصدار" width="20%">
							<p:outputLabel value="#{req.getFormattedDate(req.applyDate)}" />
						</p:column>

						<p:column headerText="الإسم" width="20%">
							<p:outputLabel value="#{req.firstName} #{req.lastName}" />
						</p:column>

						<p:column headerText="رقم الموبايل" width="20%">
							<p:commandLink
								action="#{queryRequestsBean.viewRequestDetails(req.id)}" >
								<p:outputLabel value="#{req.mobileNumber}" />
							</p:commandLink>
						</p:column>




					</p:dataTable>



				</h:form>

			</div>

		</div>
		<div class="clear-floating"></div>



	</ui:define>


</ui:composition>
</html>